// 会员管理共享样式

// 状态指示器样式
.circle {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #f53f3f;
  margin-right: 8px;

  &.pass {
    background-color: #00b42a;
  }
}

// 模态框通用样式
.modal-header-border {
  .arco-modal-header {
    border-bottom: 1px solid #f2f3f5;
    padding-bottom: 12px;
  }

  .arco-modal-footer {
    border-top: 1px solid #f2f3f5;
    padding-top: 12px;
  }
}

// 详情项样式
.detail-section {
  padding: 16px 0;

  .detail-row {
    display: flex;
    margin-bottom: 16px;

    .detail-item {
      flex: 1;
      margin-right: 16px;

      &.full-width {
        flex: 0 0 100%;
        margin-right: 0;
      }

      .detail-label {
        font-size: 13px;
        color: #86909c;
        margin-bottom: 4px;
      }

      .detail-value {
        font-size: 14px;
        color: #1d2129;
        word-break: break-word;
      }
    }
  }
}

// 信息项样式
.member-info {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px dashed #e5e6eb;

  span {
    margin-right: 16px;
    font-weight: 500;
  }
}

// 表格操作图标样式
.action-icon {
  margin-left: 12px;
  cursor: pointer;
}

// 下拉菜单激活项样式
.active {
  color: #0960bd;
  background-color: #e3f4fc;
}
